vue-routerでURLクエリを受け取るのは this.$route.query

はじめに

少し詰まってしまったので備忘録

やりたいこと

URLがhttp://xxx.xxx.xxx.xxx?test=vで{test:'v'}を受け取りたい。

やり方

main

<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.js"></script>  
<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>  
<script>  
    // routerを初期化  
    var router　=　new VueRouter({  
        mode: 'history',  
        routes: []  
        });  
    var app = new Vue({  
        router,// router を追加  
        el: '#app',  
        data:{},  
        created: function () {  
            // routerから読み込み  
            console.log(this.$route.query)  
        }  
    })  
</script>  

詰まったところ

• VueRouterを初期化し作らなければならない
• VueRouterのインスタンスをVueインスタンスに渡さなければならない